.sf_core_img_preview {
  width: 100%;
  height: 100%;

  & > div {
    & + .viewer-container {
      position: relative;

      .viewer-canvas {
        position: relative;
        width: 100%;
        height: calc(100% - 45px);
      }

      .viewer-footer {
        position: static;

        .viewer-navbar {
          position: absolute;
          top: 0;
          right: 0;
          width: 61px;
          height: 100%;

          .viewer-list {
            width: 100% !important;
            height: 100%;
            transform: translateX(0) !important;

            & > li {
              float: none;
              width: 100%;
            }
          }
        }
      }
    }
  }
}